目前響應(yīng)式網(wǎng)頁已經(jīng)成為當(dāng)下主流的建網(wǎng)站形式，因?yàn)楝F(xiàn)在的顯示終端越來越多樣化，哪怕你的企業(yè)在設(shè)計(jì)制作網(wǎng)站時(shí)為電腦和手機(jī)各制作一個(gè)網(wǎng)站也已無法滿足這眾多顯示終端的展示需求了。所以不管是從節(jié)省制作成本還是提升用戶瀏覽體驗(yàn)度的角度出發(fā)，響應(yīng)式網(wǎng)站都是現(xiàn)時(shí)企業(yè)制作網(wǎng)站時(shí)的首選方案，而要想讓網(wǎng)站能實(shí)現(xiàn)自適應(yīng)各種不同尺寸顯示終端的顯示，就得先了解一下，目前主流的顯示設(shè)備都有哪些分辨率。

首先說PC顯示器（含主流尺寸筆記本電腦）：

1024px * 768px

1280px * 800px

1366px * 768px

1440px * 900px

1600px * 900px

1920px * 1080px

2K分辨率2048×1080

4K分辨率4090×2160

其中 1024px * 768px 的分辨率正逐漸被淘汰, 而4K、2K超高分辨率的顯示器目前畢竟還沒普及，根據(jù)AdDuplex的統(tǒng)計(jì)數(shù)據(jù)來看，最主流的PC屏幕分辨率依然是 1366 x 768、1440 x 900 和 1920 x 1080 位居前三名。

其次是PAD類產(chǎn)品：

ipad1: 1024×768像素

ipad2: 1024x768像素

ipad3: 2048×1536像素

ipad4: 2048×1536像素

ipad air: 2048×1536像素

ipad air2: 2048×1536像素

ipad mini: 1024×768像素

ipad mini2: 2048×1536像素

其中ipad1、ipad2、ipad mini均已淘汰，在制作網(wǎng)站布局時(shí)已基本可以不再考慮這些分辨率的產(chǎn)品了。

最后是智能手機(jī)：

在談手機(jī)屏幕分辨率之前，我們要先了解一下手機(jī)屏幕的比例問題，也就是我們?cè)谌粘Ｊ褂弥薪?jīng)常接觸到 4:3、16:9、16:10、21:9這些比值，也就是分辨率中橫向像素與豎向像素的比值 。4：3是我們最初所用的分辨率尺寸比，以前的電腦屏幕幾乎都是4:3；隨后寬屏顯示器出現(xiàn)，16:10開始流行。

現(xiàn)在一些主流手機(jī)（偏舊）的分辨率為：720p（720×1280），1080p（1080×1920），2k（2560×1440）

而在響應(yīng)式網(wǎng)站制作布局又不僅是要考慮手機(jī)的分辨